<template>
    <div class="management-merchant views-container">
        <div class="wlm-table">
          <div class="wlm-table-header">
            <el-form  size="small" label-width="80px" class="retail-form" label-position="right">
                <el-form-item class="filter">
                    <el-form-item label="订单号:">
                        <el-input @keyup.enter.native="filesSerch" v-model="tableFormatData.refunddetails.files.order_no"  placeholder="请输入订单号" style="width:250px;"></el-input>
                    </el-form-item>
                      <el-form-item label="用户信息:">
                        <el-input @keyup.enter.native="filesSerch" v-model="tableFormatData.refunddetails.files.user_info"  placeholder="请输入用户昵称、手机号" style="width:250px;"></el-input>
                    </el-form-item>
                </el-form-item>
                 <el-form-item label="" class="filter-btns">
                    <el-button v-waves type="primary" @click="filesSerch">筛选</el-button>
                    <el-button type="text" @click="filesEmpty">清空筛选条件</el-button>
                </el-form-item>
            </el-form>
     </div>
             <div class="wlm-table-content">
            <el-table  style="width: 100%" :ref="tableFormatData.refunddetails.key" :data="tableFormatData.refunddetails.tableData" @selection-change="handleSelectionChange">
                  <el-table-column label="订单号">
                       <template slot-scope="scope">
                          <span>{{scope.row.orderno}}</span>
                       </template>
                  </el-table-column>
                    <el-table-column label="支付金额">
                       <template slot-scope="scope">
                            <span>{{scope.row.payfee}}</span>
                       </template>
                  </el-table-column>
                    <el-table-column label="退款金额">
                       <template slot-scope="scope">
                            <span>{{scope.row.refundfee}}</span>
                       </template>
                  </el-table-column>
                    <el-table-column label="支付方式">
                       <template slot-scope="scope">
                          <span>{{scope.row.paytype}}</span>
                       </template>
                  </el-table-column>
                    <el-table-column label="退款备注">
                       <template slot-scope="scope">
                          <span>{{scope.row.remark}}</span>
                       </template>
                  </el-table-column>
                    <el-table-column label="退款时间">
                       <template slot-scope="scope">
                          <span>{{scope.row.create_time}}</span>
                       </template>
                  </el-table-column>
            </el-table>
              <div class="pagination-content flex-row flex-justify-e flex-align-c">
                   <el-pagination :disabled="!hasTableData" @size-change="listPageChange" @current-change="listPageChange" :current-page.sync="tableFormatData.refunddetails.pagination.page" :page-sizes="tableFormatData.refunddetails.pagination.pagesizes" :page-size.sync="tableFormatData.refunddetails.pagination.list_rows" layout="total, sizes, prev, pager, next, jumper" :total="hasTableData?tableFormatData.refunddetails.pagination.total : 0">
                </el-pagination>
                </div>
        </div>
        </div>
    </div>
</template>
<script>
import {rRecord } from "@/api/cityagent";
import waves from '@/directive/waves' // Waves directive
import mixins from '@/mixins/mixins'
export default {
      mixins: [mixins.getters('Table')],
     name: 'refunddetails',
       directives: {
    waves
  },
    data () {
        return {
             tableFormatData: {
        current: 'refunddetails',
        refunddetails: {
          key: 'refunddetails',
          api: {
            getList: rRecord,
            // delList: deleteAgentUser,
          },
          tableData: [],
        //   otherData:{
        //     money_type:''
        //   },
          files: {
            ids: [],

          },
          pagination: {
            page: 1,
            list_rows: 10,
            pagesizes: [10, 20, 50],
            total: 0
          }
        }
      }
        }
    }
}
</script>